<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%-- <link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/CSS/style.css" />
 --%>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/CSS/base/jquery.ui.all.css">
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/CSS/demos.css">

<title>Login - Online Test Taking System</title>
<script type="text/javascript">
	function validateForm() {
		var x = document.forms["myForm"]["userID"].value;
		if (x == null || x == "") {
			alert("User Name should not be empty");
			return false;
		}
	}
</script>
</head>

<body>
	<h1>Login Here !</h1>
	<form name="loginForm"
		action="<%=request.getContextPath()%>/Controller" method="post"
		onsubmit="return validateForm();">
		<br> <input type="hidden" name="whereFrom" value="login">
		<br> <br> <br>
		<table align ="center">
			<tr>
				<td>User Name:</td>
				<td><input type="text" name="userID"
					class="text ui-widget-content ui-corner-all"></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" name="password"
					class="text ui-widget-content ui-corner-all"></td>
			</tr>
		</table>
		<br> <input type="submit" value="Login" id=>
	</form>
</body>
</html>